<template>
	<view class="container">
		<!--头部start-->
		<view class="header">
			<u-status-bar></u-status-bar>
			<view class="con">
				<image src="/static/images/back.png" mode="widthFix" class="back"></image>
				<view class="tit">完善资料</view>
			</view>
		</view>
		<u-status-bar></u-status-bar>
		<!--头部end-->
		
		<!--完善资料start-->
		<view class="improve">
			<view class="improve_tab">
				<text>验证手机</text>
				<text>设置密码</text>
				<text class="active">确认姓名</text>
			</view>
			
			<view class="intro">真实姓名可在完善资料时更改一次，设置收款账号时只能添加与此姓名对应的收款账号，请您谨慎填写。</view>
			
			<view class="code_form">
				<view class="t_input">
					<label>真实姓名</label>
					<u-input type="text" placeholder="输入姓名" value="朱元璋" placeholderStyle="color: #C9CACA" v-model="cusname"></u-input>
					<image src="/static/images/img_07.png" class="tel_close"  v-if="cusname.length>0" @click="cusname=''"></image>
				</view>
			</view>
			
		</view>
		<!--完善资料end--> 

		
		<!--底部start-->
		<view class="f_btn">
			<button class="submit on" @tap="name_click">提交</button>
			<u-safe-bottom></u-safe-bottom>
		</view>
		<!--底部end-->
		
		<!--弹窗start-->
		<u-popup :show="name_show">
			<view class="true_name-box">
				<view class="con">真实姓名<text>朱元璋</text></view>
				
				<view class="tips">
					<view class="t_con">一旦点击“确认姓名”后，便不能再次修改，设置收款账号时只能添加与该姓名对应的收款账号。</view>
					<u-safe-bottom></u-safe-bottom>
				</view>
				
				<view class="btn">
					<button class="submit on" @tap="sure_name">确认姓名</button>
					<button class="back_btn" @tap="back_edit">返回修改</button>
					<u-safe-bottom></u-safe-bottom>
				</view>
				
			</view>
		</u-popup>
		
		<u-popup :show="yan_success">
			<view class="true_name-box yan_success_box">
				<view class="success_state">
					<image src="../../static/images/img_11.png" mode="widthFix"></image>
					<text>账户完成验证</text>
				</view>
				<view class="btn">
					<button class="submit on" @tap="close_yan">添加收款账户</button>
					<button class="back_btn" @tap="close_yan">体验广告机</button>
					<u-safe-bottom></u-safe-bottom>
				</view>
			</view>
		</u-popup>
		<!--弹窗end-->
		
		
		
		
		<u-safe-bottom></u-safe-bottom>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				name_show: false,
				yan_success: false,
				cusname:"朱元璋"
			}
		},
		methods:{
			name_click(){
				this.name_show = true
			},
			sure_name(){
				this.name_show = false,
				this.yan_success = true
			},
			back_edit(){
				this.name_show = false
			},
			close_yan(){
				this.yan_success = false
			}
		}
	}
</script>

<style lang="scss">
	@import url("../../common/style.scss");
	@import url("member.scss");
</style>